<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>
        // null   属于基本数据类型

        var obj = {} ;
        console.log(obj);

        obj.name = '张三' ;

        console.log(obj);



        var obj1 = {
            name : '张三' ,
            age : 18
        }

        var obj2 = obj1 ;    // 浅复制

        obj2.age = 20 ; 


        console.log(obj1);   // 也会发生改变


        var obj3 = {} ;    // 遍历
        for(var key in obj1) {
            obj3[key] = obj1[key]
        }

        console.log(obj3);


        obj3.age = 30 ;

        console.log(obj1);



        // 思考：
        var arr = [1 , [2,3]] ;

        var arr2 = [] ;

        for(var i in arr) {
            arr2.push(arr[i])
        }

        console.log(arr2);


        arr2[1].push('a') ;    // [1,[2,3,'a']]


        console.log(arr);   // 变了  ？？？



        // 如何实现二维数组的深复制？？？？

        // 多维？

    </script>
    
</body>
</html>